#page8 .show_content{
	width: 200%;
	height: 380px;
	position: absolute;
	transform: rotate(-60deg) translate(-167px,-100px);
	bottom: 180px;
	background-color: rgba(0, 0, 0, 0.3);
}

#page8 img.com_circle{
	width: 10rem;
	height: 10rem;
	top: 11rem;
	left: calc(50% - 5rem);
}

#page8 p.step07{
	width: 8rem;
	height: 8rem;
	word-wrap: wrap;
	top: 13rem;
	left: calc(50% - 4rem);
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
	z-index: 8;
	text-align: center;
}
.step07 span{
	display: block;
}

#page8 .step_bar01{
	width: 100%;
	position: absolute;
	left: 8rem;
	bottom: 24rem;
	z-index: 8;
	font-weight: 800;
}

#page8 .step_bar01 img,
#page8 .step_bar02 img{
	width: 167px;
	height: 28px;
}
#page8 .step_bar02{
	width: 100%;
	position: absolute;
	left: 10rem;
	bottom: 16rem;
	z-index: 8;
	font-weight: 800;
}
#page8 .step_bar01 div.p01,
#page8 .step_bar02 div.p01{
	font-size: 1.1rem;
	width:12rem;
	font-weight: 100;
	height: 4rem;
	line-height: 1.6rem;
	color: #fff;
	top: 3rem;
}

#page8 .step_bar01 span,
#page8 .step_bar02 span{
	color: #000;
	left: 40px;
}

div.lines{
	width: 200px;
    height: 200px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: skew(-45deg);
    left: -100px;
}